/**
 * @file navbar.base-rtl.css
 *
 * RTL styling for navbar.base.css
 */
html.js .navbar {
  left: auto;
  right: 0;
}
.js .navbar .bar .tab,
.js .navbar .horizontal .tab  {
  float: right;
}
/**
 * Administration menu.
 */
.js .navbar .bar {
  left: auto;
  right: 0;
}
@media only screen and (min-width: 16.5em) {
  .js .navbar .bar .tab,
  .js .navbar .horizontal li {
    float: right;
  }
}

/**
 * navbar tray.
 */
.navbar .vertical {
  left: auto;
  right: -100%;
}
.navbar .horizontal {
  left: auto;
  right: 0;
}
.navbar .vertical > .lining,
.navbar .vertical > .lining:before {
  left: auto;
  right: -100%;
}
.navbar .vertical.active,
.navbar .vertical.active > .lining {
  left: auto;
  right: 0;
}

@media only screen and (min-width: 16.5em) {
  .navbar .vertical.active > .lining:before {
    left: auto;
    right: -1px;
  }
}
/**
 * At larger screen sizes, the tray pushes the page content.
 */
@media only screen and (min-width: 38.125em) {
  body.navbar-tray-open.navbar-vertical {
    margin-left: 0;
    margin-left: 0;
    margin-right: 240px;
    margin-right: 15rem;
  }
}
/**
 * navbar tray orientation toggle.
 *
 * Hide the orientation toggle from browsers that do not interpret
 * media queries. They get a standard horizontal navbar.
 */
.navbar .horizontal .toggle-orientation {
  left: 0;
  right: auto;
}
.navbar .vertical .toggle-orientation {
  float: left;
}
